$(function(){
    $('#fullpage').fullpage({
    	'menu': false,
		'anchors':['page1', 'page2', 'page3', 'page4', 'page5', 'page-footer'],
		'navigation': false,
		'slidesNavigation': true,
		'slidesNavPosition': 'bottom',
        'resize':true,
        'verticalCentered': false,
        'css3': true,
        'sectionsColor': ['#fff', '#fff', '#fff', '#eee','#eaeeed']
    });

    // 设置高度
    $(".header").height($(window).width()*0.065);
    $(".show-section .show-left, .show-section .show-right").height($(window).height());

    $(".go-back").hide();
    var ifOpen=false;
    var ifShowDetail=false;
    $(".show-section .show-left").on("click", function(){
        switchTo($(this), $(".show-right"));
    });
    $(".show-section .show-right").on("click", function(){
        switchTo($(this), $(".show-left"));
    });
    function switchTo($this, $other) {
        if(ifShowDetail){
            $(".detail *").stop().fadeOut();
        }
        
        if(ifOpen) return false;
        ifOpen=true;
        $this.addClass("active").animate({
            'width':'100%'
        });
        $this.find(">*").fadeIn();
        $this.find(".detail-1, .detail-2, .detail-3, .detail-4").fadeOut();
        $other.animate({
            'width':'0%'
        });
    }
    $(".go-back").click(function(event){
        event.preventDefault();
        if(!ifOpen) return true;
        $(".show-section .show-left, .show-section .show-right").animate({
            'width':'49.6%'
        }, function(){
            ifOpen=false;
        });
        $(".show-section .show-left, .show-section .show-right").find(">*").hide();
        $(".show-section .show-left, .show-section .show-right").removeClass('active');
    });
    $(".point").click(function(event){
        event.preventDefault();
        var $this=$(this);
        $(".detail *").stop().fadeOut();
        $this.parent().find("."+$this.attr("data-target")).stop().show("normal",function(){
            ifShowDetail=true;
        });
        return false;
    });
    // $(".point").blur(function(event){
    //     event.preventDefault();
    //     $(".detail-1, .detail-2, .detail-3, .detail-4").fadeOut();
    // });


    // 弹窗
    $("#i-read-a").click(function(){
        $("#float-rule").show();
    })
    $("#float-rule .close").click(function(){
        $("#float-rule").hide();
    })
    $("#float-success .close").click(function(){
        $("#float-success").hide();
    })
});